.order {
  width: 100%;
  margin-bottom: 60px;
}
.order-title {
  margin: 30px 0 20px;
  height: 40px;
  border-bottom: 1px solid #e2e2e2;
}
.order-title span {
  border-left: solid 4px #00a2ca;
  padding-left: 8px;
  float: left;
  margin-right: 30px;
  font-size: 18px;
  color: #00a2ca;
}
.order-title .backBtn {
  display: inline-block;
  padding: 0 20px 0 28px;
  line-height: 30px;
  background: #f6f6f6 url("../images/order/back.png") no-repeat 13px;
  color: #666;
  font-size: 12px;
  border: 1px solid #e2e2e2;
}
.important-tip {
  padding: 10px 12px 25px;
  line-height: 18px;
  margin-bottom: 20px;
  background: #ffe5cc;
  word-break: break-all;
}
.important-tip .tit {
  color: #333;
  font-size: 14px;
  line-height: 30px;
}
.important-tip p {
  color: #666;
  font-size: 12px;
  line-height: 22px;
}
.important-tip p a {
  color: #1291BE;
  margin: 0 5px;
}
.important-tip p a:hover {
  text-decoration: underline;
}
/* 域名列表 */
.domain-wrap {
  width: 100%;
  border: 1px solid #e2e2e2;
}
.common-table-wrap {
  width: 100%;
  min-height: 300px;
  border: 1px solid #e2e2e2;
}
.common-table-wrap .domain-table tbody tr td {
  padding: 16px 0;
}
.common-table-wrap .domain-table tbody tr td >b {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.common-table-wrap .domain-table tbody tr td p {
  line-height: 20px;
}
.common-table-wrap .domain-table tbody tr td.h24 p {
  line-height: 24px;
}
.common-table-wrap .domain-table tbody tr td .tip {
  line-height: 24px;
  color: #ff9966;
}
.domain-table {
  width: 100%;
  font-size: 12px;
  color: #333;
  line-height: 25px;
}
.domain-table thead tr {
  height: 40px;
  line-height: 40px;
}
.domain-table thead tr th {
  background-color: #f9f9f9;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-align: left;
}
.domain-table tbody tr {
  color: #000;
  height: 50px;
  border-bottom: 1px solid #e9e9e9;
}
.domain-table tbody tr.no-bd {
  border-bottom: none;
}
.domain-table tbody tr td,.domain-table tbody tr td a {
  color: #666;
}
.domain-table tbody tr td a#clearShoppingCart {
  width: 120px;
  display: block;
  margin-left: 20px;
  line-height: 30px;
  margin-top: 20px;
  color: #666;
}
.domain-table tbody tr td.selectYear select {
  width: 70px;
  margin-left: 25px;
}
.domain-table tbody tr td.SavingPrice del {
  color: #999;
}
.domain-table tbody tr td.SavingPrice span {
  color: #3a7f15;
}

/* 订单金额 */
.total-order {
  width: 100%;
  padding: 20px 0;
  font-size: 12px;
  color: #666;
}
.total-order h2 span {
  font-size: 24px;
  color: #ff9966;
}
.total-order p span {
  margin-left: 10px;
  color: #1291BE;
}

/* 按钮 */
.order-btn-group {
  width: 100%;
  text-align: right;
}
.order-btn-group a {
  display: inline-block;
  width: 140px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  border: 1px solid transparent;
}
.order-btn-group a.cancle {
  background: transparent;
  border-color: #1291BE;
  color: #1291BE;
}
.order-btn-group a.next {
  background: #1291BE;
  border-color: #1291BE;
}
.order-btn-group a.cancle:hover {
  background: #1291BE;
  color: #fff !important;
}
.order-btn-group a.next:hover {
  opacity: .9;
  color: #fff !important;
}

/* 域名锁样式 */
.server-info-controller {
  line-height: 40px;
  background: #f4f5f9;
  border-left: 2px solid #1291BE;
}
.server-info-controller span {
  padding-left: 20px;
  color: #333;
}
.server-info-controller a {
  display: inline-block;
  float: right;
  padding: 0 13px;
  line-height: 38px;
  color: #666;
  font-size: 16px;
  text-align: center;
  border: 1px solid #e2e2e2;
}
.server-info-controller a.down {
  transform: rotate(180deg);
}
.server-info {
  border: 1px solid #e2e2e2;
  border-top: none;
  padding: 20px 0 20px 60px;
}
.have-info {
  width: 100%;
  color: #666;
}
.have-info tr {
  line-height: 40px;
}
.have-info tr td >input {
  width: 100px;
  height: 26px;
  padding: 8px;
}
.have-info tr td a {
  color: #1291BE;
  font-size: 12px;
  margin-left: 10px;
}
.have-info tr td.red {
  color: red;
}
.have-info tr td:first-child {
  width: 200px;
  padding-right: 20px;
}
/* 管理域名 */
.manage-info {
  font-size: 12px;
  color: #999;
  border: 1px solid #e2e2e2;
}
.no-info {
  width: 100%;
}
.no-info thead tr {
  line-height: 30px;
  background: #f4f5f9;
}
.success-table tbody tr td {
  text-align: center;
  padding: 10px 0;
}
.manage-info .tip {
  padding: 15px 0;
}
.manage-dialog {
  width: 600px;
}
.manage-dialog h2 {
  font-size: 18px;
  color: #333;
  line-height: 40px;
  padding-left: 60px;
  background: url("../images/order/wh.png") no-repeat left center;
}
.manage-dialog p {
  font-size: 12px;
  color: #666;
  line-height: 24px;
  padding-left: 60px;
}

/* 支付 */
.pay {
  width: 100%;
  border: 1px solid #e2e2e2;
}
.pay-order {
  padding-left: 10px;
}
.pay-order h2 {
  line-height: 40px;
  font-weight: 700;
  color: #5c5c5c;
}
.pay-order p {
  line-height: 40px;
  font-size: 12px;
  color: #666;
}
.pay-order >table {
  width: 100%;
  margin-bottom: 60px;
}
.pay-order >table thead tr {
  text-align: left;
  border-left: 2px solid #666;
  background: #f6f6f6;
}
.pay-order >table >thead >tr th {
  line-height: 36px;
  color: #666;
}
.pay-order >table tbody {
  font-size: 12px;
}
.pay-order >table >tbody >tr >td {
  line-height: 40px;
}
.pay-order >table tbody tr td a {
  color: #1291BE;
}
.pay-order >table tbody tr td a:hover {
  text-decoration: underline;
}
.order-detail {
  position: relative;
}
.order-detail .detail-info {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 4;
  width: 500px;
  line-height: 26px;
  border: 1px solid #e2e2e2;
  background: #ffffff;
}
.order-detail .detail-info thead tr {
  background: #f6f6f6;
  border-left: none;
}
/* 选择支付方式 */
.pay-way {
  font-size: 12px;
}
.pay-way-bar {
  padding: 0 20px;
  background: #f6f6f6;
  line-height: 40px;
  overflow: hidden;
}
.pay-way-bar #pay-tab-head {
  float: left;
}
.pay-way-bar #pay-tab-head li {
  padding: 0 25px;
  float: left;
  cursor: pointer;
}
.pay-way-bar #pay-tab-head li.active {
  background: #fff;
  border-top: 2px solid #1291BE;
}
.pay-way-bar p span {
  font-weight: 700;
  font-size: 14px;
  color: #ff9966;
}
.pay-way-con {
  padding: 20px 10px;
}
.pay-way-con section {
  width: 100%;
}
.way1 p {
  color: red;
  line-height: 40px;
}
.way1 .way1-tab {
  width: 100%;
}
.pay-way-con #tab-body {
  border: 1px solid #e2e2e2;
  padding: 30px 10px;
}
.pay-way-con #tab-body ul li {
  display: inline-block;
  position: relative;
  width: 180px;
  height: 46px;
}
.pay-way-con #tab-body ul li:first-child {
  width: 140px;
}
.pay-way-con #tab-body ul li:last-child {
  width: 200px;
}
.pay-way-con #tab-body ul li input {
  vertical-align: -15px;
  display: inline-block;
}
.pay-way-con #tab-body ul li img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
}
.pay-way-con .way1 .oa-tab-content-box {
  margin: 0;
}
.pay-way-con .pay-btn {
  padding: 30px 0 20px;
  overflow: hidden;
}
.pay-way-con .pay-btn a {
  display: block;
  margin: 0 auto;
  width: 120px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: #ff6600;
}
.pay-way-con .disabled a {
  color: #fff;
  background: #999;
  cursor: not-allowed;
}
.pay-way-con .pay-btn a:hover {
  color: #fff !important;
  opacity: .9;
}
.pay-way-con .disabled a:hover {
  opacity: 1;
}
.pay-way-con .money p {
  line-height: 30px;
}
.pay-way-con .money p span {
  width: 120px;
  padding-right: 10px;
  display: inline-block;
  text-align: right;
  color: #666;
}
.pay-way-con .money .bg-grey p b {
  font-size: 12px;
  color: #333;
}
.pay-way-con .money .bg-grey p b i {
  margin-right: 3px;
  vertical-align: -3px;
}
.pay-way-con .money p a {
  color: #1291BE;
}
.pay-way-con .money .bg-grey {
  padding: 10px 20px;
  font-size: 14px;
}
.send-money {
  overflow: hidden;
}
.send-money .common-box {
  width: 100%;
  line-height: 40px;
  overflow: hidden;
}
.send-money .common-box .left {
  padding-right: 20px;
  width: 80px;
  height: 40px;
  float: left;
}
.send-money .common-box .right {
  float: left;
  /*line-height: 30px;*/
}
.send-money .common-box .right .pic {
  display: inline-block;
}
.send-money .common-box .right .pic input {
  vertical-align: 3px;
  margin-right: 5px;
}
.send-money .common-box .right .info {
  padding: 5px 20px;
  color: #333;
  background: #f6f6f6;
}
.send-money .common-box .right .info p {
  line-height: 30px;
  font-size: 14px;
  color: #333;
}

/* 订单支付成功样式 */
.success {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #e2e2e2;
  overflow: hidden;
}
.success-txt {
  width: 410px;
  margin: 60px auto 0;
}
.success-txt h1 {
  font-size: 18px;
  color: #333;
  margin-bottom: 30px;
  padding-left: 40px;
  background: url("../images/order/seccess.png") no-repeat left center;
}
.success-txt p {
  color: #666;
  margin: 0 0 40px 40px;
}
.success-txt p a {
  margin: 0 5px;
}
.success-tip {
  padding: 0 10px;
  line-height: 30px;
  margin-bottom: 30px;
  font-size: 12px;
  color: #666;
  background: #fcf8e2;
  border: 1px solid rgba(255,153,102,.4);
}
.pay-way-con .way3 .success-tip {
  margin-bottom: 10px;
}
.success-tip a,.success-txt p a {
  color: #1291BE;
}
.success-tip a:hover,.success-txt p a:hover {
  text-decoration: underline;
}
.way3 h1 {
  font-size: 16px;
  color: #666;
}
.way3 h2 {
  line-height: 30px;
  color: #666;
  padding-left: 60px;
}
.way3 >a {
  display: inline-block;
  line-height: 30px;
  color: #fff;
  padding: 3px 20px;
  background: #ff6600;
  margin: 10px 0 0 390px;
}
.way3 >a:hover {
  color: #fff !important;
  opacity: .9;
}
/* 域名服务器注册修改 */
.domain-modify-line {
  width: 100%;
  line-height: 40px;
  overflow: hidden;
}
.domain-modify-line-left {
  width: 20%;
  text-align: right;
  line-height: 40px;
  padding-right: 20px;
  float: left;
  font-size: 12px;
  color: #666;
}
.domain-modify-line-right {
  width: 80%;
  float: left;
  font-size: 12px;
  color: #666;
}
.domain-modify-line-right .input-wrap input {
  display: inline-block;
  width: 100px;
  margin-right: 10px;
}
.domain-modify-line-right .input-wrap .tip {
  display: none;
}
